<template>
  <div class="flex h-full">
    <a-card class="mr-2" :body-style="{ height: '100%', display: 'flex', flexDirection: 'column' }"> <PatientList /></a-card>
    <div class="flex flex-col flex-1 overflow-hidden">
      <PatientInfoHeader :patient-info="store.currentPatient" :show-insurance="true" @change="onCaseSuccess()">
        <a-divider type="vertical" :style="{ height: '40px', margin: '0 16px' }" />
        <div>
          <div class="flex items-center">
            <LabelValue class="" label="病历卡号" :width="200" :value="store.currentPatient?.brBlkh" />
            <LabelValue class="ml-4" label="医技项目" :width="300" :value="store.currentPatient?.applyList" />
            <LabelValue class="ml-4" label="血型" :width="200" :value="store.currentPatient?.brXx" />
          </div>
          <div class="flex items-center">
            <LabelValue class="" label="申请医生" :width="200" :value="store.currentPatient?.applyDoctorName" />
            <LabelValue class="ml-4" label="医技部位" :width="300" :value="store.currentPatient?.brId" />
          </div>
        </div>
      </PatientInfoHeader>
      <div class="flex flex-1 mt-2">
        <Emr class="w-2/3" />
        <WtTemplate class="w-1/3" />
      </div>
    </div>
  </div>
</template>

<script setup>
// import { ref } from 'vue'
import PatientList from './components/PatientList'
import Emr from './components/Emr'
import WtTemplate from './components/WtTemplate'
import userStore from './store'

const store = userStore()
</script>

<style scoped></style>
